9 Creative jQuery Zoom Gallery Samples

1. WordPress Gravity Gallery DZS

featured image

Display your portfolio or media albums in a unique way with Gravity Gallery. It’s fully compatible with lightbox galleries like prettyPhoto so you can zoom on your showcase photos / videos with no problem. Cusomise the gallery size, items size and their parameters. With these options, the possibilities with what you can do this gallery are endless.This gallery is compatible with all the major HTML5 browsers – Firefox, Chrome, Opera, IE9, Safari.HTML5 technology - this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients

IE7 / IE8 backup – ie7 and ie8 do not support html5, but those users are not forgetten, a centered gallery appears for them so you won’t miss a single visitor

iPod, iPhone, iPad, Android optimized – iOS and Android work great with this gallery

extensive admin panel – admin panel with lots of options to make the gallery as customizable as possible, yet easy to use. to make your life easier while editing the gallery.Gravity Gallery WordPress plugin – get creative!

free updates – even if the value of this gallery increases with upcoming updates, you will get them for free

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. IA Slider - jQuery Image Plugin

featured image

You may select between two modes: ‘Bullets’ or ‘Gallery’ mode. You may set any amount of inline images in ‘Gallery’ mode. Zoom ratio for thumbnails in ‘Gallery’ mode. Ability to use separate thumbnails for gallery mode, in order to increase the quality of thumbs when zoomed in.

More Details

4. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).

More Details

5. jQuery Giga Image Viewer - animated zoom and pan

featured image

The giga image viewer jQuery plugin allows you to easily replace <div> tags with animated image viewers with hotspots.Viewer allows to control the position and zoom of the high-resolution JPG inside the viewport.Viewer controls the sliding and zoom of the high-resolution JPG so that the viewport area will be filled completely. Mouse wheel to zoom / unzoom. Package contains a example for building thumbnail gallery. Package contains a example for building lightbox gallery (ColorBox Gallery). dispatch event ‘givChange’ with information whether it is possible to move and zoom the display object

Update external libraries included in the package to: jquery-1.1, jquery-ui-1.

More Details

6. JackBox - Responsive Lightbox

featured image

Updated to jQuery 1.Updated to jQuery 1.Updated to jQuery 1.If you’ve recently upgraded to jQuery 1.Source Folder: jackbox/js/libs/jquery.If you aren’t using jQuery 1.9 yet that’s ok as JackBox is still backwards compatible to jQuery 1.Optional gallery-style thumbnails

Option to zoom smaller images automatically either globally or individually

Support is not provided for older versions of jQuery and there is no guarantee that this item will work in older versions of jQuery.

More Details

7. jQuery Mega Image Viewer - animated zoom and pan

featured image

The mega image viewer jQuery plugin allows you to easily replace <div> tagswith animated image viewers. Viewer allows to control the position and zoom of the object displayedinside the viewport. Viewer controls the sliding and zoom of the displayed objectso that the viewport area will be filled completely. Mouse wheel to zoom / unzoom. Package contains a example for building thumbnail gallery. Package contains a example for building lightbox gallery (ColorBox Gallery).dispatch event ‘mivChange’ with information whether it is possible to move and zoom the display object

Update external libraries included in the package to: jquery-1.1, jquery-ui-1.default: false; accepted: true, false; If the viewport size (width and height) is greater than the size of the displayed object, allow the object scaled over 100% to fit the viewport (zoom is disabled)

More Details

8. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

Zoom

No-Jquery minimum 15KB javascript code by smart compression. Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Composite move, fade, clip, zoom and rotation in one transition is allowed

More Details

9. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

Zoom

No-Jquery minimum 15KB javascript code by smart compression. Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Composite move, fade, clip, zoom and rotation in one transition is allowed

More Details

10. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with lightbox jQuery HTML that might be using jQuery or other JavaScript libraries. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).

More Details